<template>
    <div class="item">
        <div>
            <div class="item-center fs-20 mg-t-10">
                <span class="mg-r-20">{{ itemData.totalAmt }}</span>
                <el-tooltip class="box-item" effect="dark" :content="itemData.bankName" placement="top-start">
                    <span class="fc-primary fs-12">{{ itemData.channelName }}</span>
                </el-tooltip>
            </div>
            <div class="item-top fc-lightgrey mg-t-10">
                收款总计（万元）
            </div>
        </div>
    </div>
</template>
<script setup lang="ts">
import { ref } from 'vue'
const props = defineProps({
    itemData: {
        type: Object
    }
})
</script>
<style lang="scss" scoped>
.item {
    padding: 0 20px !important;
    min-width: 200px;
}
</style>